
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:components="http://java.sun.com/jsf/composite/components"
	>
	<h:head>
		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
		<script src="https://code.jquery.com/jquery.js"></script>
		<!-- Include all compiled plugins (below), or include individual files as needed -->
		<h:outputScript library="js" name="bootstrap.min.js" />
		<h1 align="center">
			<h:outputText value="Domótica - ML SQ" class="label label-primary" />
		</h1>
	</h:head>
	
	<h:body>
	<components:navbar />
        <h:form id="alertsForm">
            <h:panelGrid id="panel" columns="7" border="0" cellpadding="5" cellspacing="5" style="margin: 0 auto;">
                <h:outputLabel id="lblNome" value="#{messages.NOME}" class="navbar-text" />
                <h:selectOneMenu value="#{alertsBean.nome}">
                    <f:selectItems value="#{alertsBean.nomes}"/>
                </h:selectOneMenu>
                <h:outputLabel id="lblDiaSemana" value="#{messages.DIASEMANA}" class="navbar-text" />
                <h:selectOneMenu value="#{alertsBean.diaSemana}">
                    <f:selectItems value="#{alertsBean.diasSemana}"/>
                </h:selectOneMenu>
                 <h:commandButton id="submit" value="#{messages.FILTER}" action="#{alertsBean.filterAlerts}" class="btn btn-default" />
                 <h:commandButton id="submitToday" value="#{messages.ALERTSTODAY}" action="#{alertsBean.todayAlerts}" class="btn btn-default" />
                 <h:commandButton id="submitTomorrow" value="#{messages.ALERTSTOMORROW}" action="#{alertsBean.tomorrowAlerts}" class="btn btn-default" />
             </h:panelGrid>
            <components:tabelaAlerts />
        </h:form>
	</h:body>
	
</html>